<template>
  <Layout>
    <template #navbar>
      <div class="custom-navbar">
        <Navbar/>
        <CustomDropdown/>
      </div>
    </template>

    <template #default>
      <slot/>
    </template>
  </Layout>
</template>

<script>
import Layout from './theme/Layout.vue'
import Navbar from './theme/Navbar.vue'
import CustomDropdown from './CustomDropdown.vue'

export default {
  components: {
    Layout,
    Navbar,
    CustomDropdown
  }
}
</script>

<style scoped>
.custom-navbar {
  display: flex;
  align-items: center;
}
</style>
